<form class="pure-form pure-form-stacked">
    <fieldset>
        <legend>Legend</legend>

        <div class="pure-g-r">
            <div class="pure-u-1-3">
                <label for="{{id 'first-name'}}">姓</label>
                <input id="{{id 'first-name'}}" type="text">
            </div>

            <div class="pure-u-1-3">
                <label for="{{id 'last-name'}}">名</label>
                <input id="{{id 'last-name'}}" type="text">
            </div>

            <div class="pure-u-1-3">
                <label for="{{id 'email'}}">邮箱</label>
                <input id="{{id 'email'}}" type="email" required>
            </div>

            <div class="pure-u-1-3">
                <label for="{{id 'city'}}">城市</label>
                <input id="{{id 'city'}}" type="text">
            </div>

            <div class="pure-u-1-3">
                <label for="{{id 'state'}}">州</label>
                <select id="{{id 'state'}}" class="pure-input-medium">
                    <option>AL</option>
                    <option>CA</option>
                    <option>IL</option>
                </select>
            </div>
        </div>

        <label for="{{id 'terms'}}" class="pure-checkbox">
            <input id="{{id 'terms'}}" type="checkbox">我已经读过条款和条件
        </label>

        <button type="submit" class="pure-button pure-button-primary">提交</button>
    </fieldset>
</form>
